*{
	margin: 0;
	padding: 0;
}
html{
	font-size: 54.2px;
}
a{
	text-decoration: none;
	color: black;
}
ul,li,ol{
	margin: 0;
	padding: 0;
	list-style: none;
}
body{
	position: relative;
	width: 9.96rem;
	height: 18.45rem;
	margin: 0 auto;
	background: #f0eeed;
	border: solid .01845rem rgba(red, green, blue, 0);
}
.theand{
	position: relative;
	display: block;
	width: 10rem;
	height: 4.43rem;
	overflow: hidden;
}
.nav_ul{
	position: absolute;
	left: 0;
	width: 9.96rem;
	height: 4.34rem;
	overflow: hidden;
	transition: 0.3s;
}
.nav_ul li{
	float: left;
	text-align: center;
	width: 9.96rem;
	height: 100%;
	overflow: hidden;
}
.nav_ul li img{
	top: -50px;
	width: 9.96rem;
}
.nav_ul::after,.nav_ul::before{
	content: "";
	display: table;
}
.nav_ul::after{
	clear: both;
}
.nanv{
	display: flex;
	justify-content: flex-start;
	flex-direction: row;
	position: fixed;
	top: 0;
	width: 9.96rem;
	height: .83rem;
	padding: .074rem .18rem .15rem .18rem;
	box-sizing: border-box;
	z-index: 999;
	transition: 0.3s;
}
.nav_input{
	display: flex;
	justify-content: flex-start;
	flex-direction: row;
	margin-top: .07rem;
	width: 8.8rem;
	height: .52rem;
	background: white;
	border-radius: .26rem;
	box-sizing: border-box;
	padding: .07rem .3rem .07rem .3rem;
}
.bcgimg{
	width: .28rem;
	height: .28rem;
	margin-top: .06rem;
	margin-right: .18rem;
	background-image: url(../imges/JL1.png);
	background-size: .39rem 2.27rem;
}
.nav_input input{
	width: 5.63rem;
	border:none;
	outline: none;
}
.admin{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	width: .59rem;
	height: .7rem;
	margin-left: .17rem;
	box-sizing: border-box;
	font-size: .22rem;
	color: white;
	letter-spacing:.04rem;
	text-align: center;
	padding-left: .04rem;
}
.bcg_rimg{
	width: .41rem;
	height: .41rem;
	margin-left: .04rem;
	background: url(../imges/JL1.png) no-repeat;
	background-size: .39rem 2.27rem;
	background-position: 0 -0.66rem;
}
.list{
	display: flex;
	position: absolute;
	top: 3.82rem;
	left: .24rem;
	width: 9.5rem;
	height: 1.2rem;
	border-radius: .18rem;
	background: white;
	flex-direction: row;
	box-shadow: 0 .09rem .18rem rgb(241, 241, 241);
	margin-bottom: .18rem;
}
.list li{
	font-size: .22rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex: 1;
}
.list li span:nth-child(1){
	width: .65rem;
	height: .55rem;
	background-image: url(../imges/JL2.png);
	background-repeat:no-repeat;
	background-size: .65rem 3.69rem;
	background-position: 0rem -0.09rem;
}
.list-icon2{
	background-position: 0rem -0.83rem!important;
}
.list-icon3{
	background-position: 0px -1.57rem!important;
}
.list-icon4{
	background-position: 0px -2.31rem!important;
}
.list-icon5{
	background-position: 0px -3.04rem!important;
}
.bodynav{
	color: white!important;
	display: flex;
	flex-direction: column;
	width: 9.5rem;
	height: 3.87rem;
	margin: 0 auto;
	margin-top: .92rem;
	margin-bottom: .28rem;
	border-radius: .44rem;
	box-sizing: border-box;
	overflow: hidden;
	font-size: .26rem;
}
div[class^="bdnav_div"]{
	flex: 1;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	
}
div[class^="bdnav_div"] div{
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border: solid .02rem white;
}
div[class^="bdnav_div"] div:nth-child(1){
	padding-left: .18rem;
	align-items: initial;
	flex: 1.4;
	background-repeat: no-repeat;
	background-position: bottom right;
}
.bdnav_div1 div:nth-child(1){
	background: url(../imges/1.png),linear-gradient(90deg,#fa5956,#fb7353);
}
.bdnav_div2 div:nth-child(1){
	background: url(../imges/3.png);
}
.bdnav_div3 div:nth-child(1){
	background: url(../imges/4.png);
}

.bdnav_div1 div:nth-child(2){
	flex: 1;
	background: url(../imges/1.png) no-repeat -2.58rem bottom,linear-gradient(90deg,#fb7353,#fb8650);
}
.bdnav_div1 div:nth-child(3){
	flex: 2;
	background: url(../imges/2.png) no-repeat bottom right,linear-gradient(90deg,#ffbc49,#ffc64d,#ffd152);
}
.bdnav_div2{
	background: linear-gradient(90deg,#4b90ed,#53bced);
}
.bdnav_div3{
	background: linear-gradient(90deg,#34c2a9,#6bd558);
}
.bdnav_div2,.bdnav_div3 div:nth-child(2){
	flex: 1;
}
.bdnav_div2,.bdnav_div3 div:nth-child(3){
	flex: 1;
}
.bdnav_div2,.bdnav_div3 div:nth-child(4){
	flex: 1;
}
.footnav{
	width: 9.96rem;
	height: 2.12rem;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	font-size: .22rem;
}
.footnav div{
	flex: 1;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}
div[class^="ftnav_div"] div{
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
div[class^="ftnav_div"] div span{
	width: .44rem;
	height: .44rem;
	margin-bottom: .09rem;
	background: coral;
}
.ftnav_div1 div span{
	background-size: .48rem auto!important;
}
.ftnav_div2 div span{
	background-size: .48rem auto!important;
}
.ftnav_div1 div:nth-child(1) span{
	background: url(../imges/jl3.png) no-repeat;
	background-position: 0 0;
}
.ftnav_div1 div:nth-child(2) span{
	background: url(../imges/jl3.png) no-repeat;
	background-position: 0 -0.48rem;
}
.ftnav_div1 div:nth-child(3) span{
	background: url(../imges/jl3.png) no-repeat;
	background-position: 0 -0.96rem;
}
.ftnav_div1 div:nth-child(4) span{
	background: url(../imges/jl3.png) no-repeat;
	background-position: 0 -1.44rem;
}
.ftnav_div1 div:nth-child(5) span{
	background: url(../imges/jl3.png) no-repeat;
	background-position: 0 -1.92rem;
}

.ftnav_div2 div:nth-child(1) span{
	background: url(../imges/jl3.png) no-repeat;
	background-position: 0 -2.4rem;
}
.ftnav_div2 div:nth-child(2) span{
	background: url(../imges/jl3.png) no-repeat;
	background-position: 0 -2.88rem;
}
.ftnav_div2 div:nth-child(3) span{
	background: url(../imges/jl3.png) no-repeat;
	background-position: 0 -3.36rem;
}
.ftnav_div2 div:nth-child(4) span{
	background: url(../imges/jl3.png) no-repeat;
	background-position: 0 -3.84rem;
}
.ftnav_div2 div:nth-child(5) span{
	background: url(../imges/jl3.png) no-repeat;
	background-position: 0 -4.32rem;
}
.foot{
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	width: 10rem;
	height: 1.14rem;
	background: white;
	border-top: solid .04rem #ccc;	
	border-bottom: solid .04rem #ccc;
}
.foot div{
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	flex: 1;
	font-size: .22rem!important;
}
.foot div span{	
	margin-top: .18rem;
	width: .37rem;
	height: .37rem;
	background-size: .37rem auto!important;
	background-position: 0 0!important;
}
.foot div:nth-child(1) span{
	background: url(../icon/phone.png) no-repeat;
}
.foot div:nth-child(2) span{
	background: url(../icon/xiazai.png) no-repeat;
}
.foot div:nth-child(3) span{
	background: url(../icon/weibiaoti2fuzhi12.png) no-repeat;
}
.tfoot{
	margin: 0 auto;
	margin-top: .18rem;
	display: flex;
	flex-direction: row;
	font-size: .22rem;
	justify-content: flex-start;
	width: 4.17rem;
	height: .33rem;
	line-height: .33rem;
	text-align: center;
}
.tfoot span{
	flex: 1;
}
.spaft{
	border-left: solid .02rem #333333;
	border-right: solid .02rem #333;
}
.afterspan{
	line-height: .33rem;
	border: solid 1xp rgba(red, green, blue, 0);
}
.afterspan:after{
	content: "";
	display: inline-block;
	width: .02rem;
	margin-left: .09rem;
	height: .22rem;
	background: #333333;
}